@charset "utf-8";
/**
 * Created by kroyo on 2017/12/13.
 * send_success.html 
 */


@import 'common/mixincommon';





.main{
    width: 100%;
    padding-left: r(32px);
    padding-right: r(32px);
    text-align: center;
    .main-icon{
        width: r(100px);
        height: r(100px);
        background:url(../img/icon-success1.png) no-repeat center;
        background-size: 100%;
        margin: r(100px) auto r(30px);
    }
    .main-content{
        font-size: r(32px);
        color: $s3;
    }
    .main-btn{
        display: block;
        width: 100%;
        height: r(80px);
        line-height: r(80px);
        background-color: $acolor;
        @include borradius(r(40px));
        font-size: r(32px);
        color: #ffffff;
        margin-top: r(100px);
        &:before{
            display: inline-block;
            content: '';
            width: r(32px);
            height: r(32px);
            background-image: url(../img/icon-add.png);
            background-size: 100%;
            margin-right: r(22px);
            vertical-align: r(-5px);
        }
    }
}





.footer{
    position: fixed;
    bottom: r(60px);
    left: 0;
    width: 100%;
    font-size: r(32px);
    color: $s3;
    text-align: center;
    a{
        color: $acolor;
    }
}






.main-toptitle{
    background-color: #f2f2f2;
    margin-left: r(-32px);
    margin-right: r(-32px);
    padding-bottom: r(20px);
    margin-bottom: r(36px);
    .top-text{
        height: r(80px);
        line-height: r(80px);
        background-color: $acolor;
        font-size: r(28px);
        color: #ffffff;
        text-align: center;
    }
}

.main-item{
    .list-item{
        padding: r(20px) 0;
        font-size: 0;
        text-align: left;
        .label{
            display: inline-block;
            width: r(180px);
            font-size: r(28px);
            color: $s9;
            padding-right: r(65px);
            vertical-align: top;
        }
        .text{
            display: inline-block;
            max-width: r(500px);
            font-size: r(28px);
            color: $s3;
            word-break: break-all;
        }
        .btn{
            display: block;
            width: r(200px);
            height: r(50px);
            line-height: r(50px);
            font-size: r(24px);
            color: #ffffff;
            background-color: $acolor;
            @include borradius(4px);
            text-align: center;
        }
    }
}
